 const btns = document.querySelector('#btnChoose')
 const ipt = document.querySelector('#iptFile')
 btns.addEventListener('click',function(){
    ipt.click()
 })
 ipt.addEventListener('change',async function(){
  const pic = this.files[0]
    const fd = new FormData()
    fd.append('avatar',pic)
    const op = await axios({
      method:'POST',
      url:'http://ajax-api.itheima.net/api/file',
      data:fd
    })
    console.log(op)
    document.querySelector('.thumb-box').innerHTML = `
    <img src="${op.data.data.url}" class="img-thumbnail thumb" alt="">
    <div class="mt-2">
      <!-- 文件选择框 -->
      <!-- accept 属性表示可选择的文件类型 -->
      <!-- image/* 表示只允许选择图片类型的文件 -->
      <input type="file" id="iptFile" accept="image/*" style="display: none;">
      <!-- 选择头像图片的按钮 -->
      <button class="btn btn-primary" id="btnChoose">选择 & 上传图片</button>
    </div>
    `
 })